<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- header on -->
<header class="gl-header">
  <div class="gl-inner cf">
  	<div class="bl-hd-logos">
  		<h1>Aanmeldapplicatie <span>basisschoolleerlingen</span></h1>
      <figure class="el-ppo"><a href="#" title="PPO"><img src="images/hd-logo-ppo.png" alt="PPO"></a></figure>
      <figure class="el-dh"><a href="#" title="Den Haag"><img src="images/hd-logo-dh.png" alt="Den Haag"></a></figure>
    </div>
    <dl class="bl-hd-user">
    	<dt>OBS Annie M.G. Schmidtschool</dt>
      <dd><a href="#" title="Meer informatie">Meer informatie</a></dd>
      <dd><a href="#" title="Instellingen">Instellingen</a></dd>
    </dl>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="gl-tabs">
	<div class="gl-inner cf">
  	<ul class="bl-ls-tabs">
      <li><a href="#" title="Aanmelden">Aanmelden <span>Schooljaar <strong>2016/2017</strong></span></a></li>
      <li><a href="#" title="Toelaten">Toelaten <span>Schooljaar <strong>2016/2017</strong></span></a></li>
      <li class="el-active"><a href="#" title="Historie">Historie <span>Eerdere schooljaren</span></a></li>
    </ul>
    <div class="bl-ls-form">
    	<h3>Zoek kind <a class="el-help" href="#tip_zoek"></a></h3>
      <!-- tooltip content on -->
      <div class="un-tip-data" id="tip_zoek">
      	<h4>Zoek kind</h4>
        <p>In GBA staan gegevens van kinderen van 1-jarige leeftijd. Om een kind aan te melden, wijzigen of af te melden kunt u een kind vinden op BSN of briefcode. Als alternatief kunt ook op achternaam en geboortedatum zoeken. Als een kind niet gevonden wordt kunt u deze alsnog  aanmelden.</p>
      </div>
      <!-- tooltip content off -->
      <ul class="un-form-type cf">
      	<li><input type="radio" name="type_zoek" id="type_brief" /><label for="type_brief">Briefcode</label></li>
        <li><input type="radio" name="type_zoek" id="type_bsn" /><label for="type_bsn">BSN</label></li>
        <li><input type="radio" name="type_zoek" id="type_name" /><label for="type_name">Naam en geboortedatum</label></li>
      </ul>
      <div class="un-form-bsn" data-radio-id="type_brief">
      	<div class="cf">
          <p class="un-col">
            <label>Vul briefcode in.</label>
            <input type="text" id="code_brief" placeholder="Briefcode" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
      <div class="un-form-bsn" data-radio-id="type_bsn">
      	<div class="cf">
          <p class="un-col">
            <label>Vul BSN in.</label>
            <input type="text" id="code_bsn" placeholder="BSN" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
      <div class="un-form-name" data-radio-id="type_name">
      	<div class="cf">
          <p class="un-col">
            <label>Achternaam</label>
            <input type="text" id="code_name" placeholder="Achternaam" value="">
          </p>
          <p class="un-col">
            <label>Geboortedatum</label>
            <input class="el-small" type="text" placeholder="DD-MM-JJJJ" value="">
            <button class="el-btn-orange" type="submit"><span>Ga</span></button>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="gl-def">
	<div class="gl-inner cf">
  	<section class="bl-hs">
    	<div class="un-hs-ttl cf">
      	<h2>Historie - Eerdere schooljaren</h2>
        <p>De gegevens zoals verwerkt in deze aanmeldapplicatie van aangemelde, toegelaten en afgewezen kinderen worden per schooljaar tot 5 jaar terug bewaard.</p>
        <p>U kunt ze per jaar downloaden.</p>
      </div>
      <div class="un-hs-place cf">
      	<p>
          <label>Locatie</label>
          <select>
            <option>Van Hoornbeekstraat 31</option>
          </select>
        </p>
      </div>
      <dl class="un-hs-item cf">
      	<dt>Schooljaar 2015/2016</dt>
        <dd class="el-excel"><a href="#" title="Exporteer alle gegevens">Exporteer alle gegevens</a> (in Excel)</dd>
        <dd class="el-xml"><a href="#" title="Exporteer alleen toelatingen">Exporteer alleen toelatingen</a> (in XML voor leerlingadministratiesysteem)</dd>
      </dl>
      <dl class="un-hs-item cf">
      	<dt>Schooljaar 2014/2015</dt>
        <dd class="el-excel"><a href="#" title="Exporteer alle gegevens">Exporteer alle gegevens</a> (in Excel)</dd>
        <dd class="el-xml"><a href="#" title="Exporteer alleen toelatingen">Exporteer alleen toelatingen</a> (in XML voor leerlingadministratiesysteem)</dd>
      </dl>
      <dl class="un-hs-item cf">
      	<dt>Schooljaar 2013/2014</dt>
        <dd class="el-excel"><a href="#" title="Exporteer alle gegevens">Exporteer alle gegevens</a> (in Excel)</dd>
        <dd class="el-xml"><a href="#" title="Exporteer alleen toelatingen">Exporteer alleen toelatingen</a> (in XML voor leerlingadministratiesysteem)</dd>
      </dl>
      <dl class="un-hs-item cf">
      	<dt>Schooljaar 2012/2013</dt>
        <dd class="el-excel"><a href="#" title="Exporteer alle gegevens">Exporteer alle gegevens</a> (in Excel)</dd>
        <dd class="el-xml"><a href="#" title="Exporteer alleen toelatingen">Exporteer alleen toelatingen</a> (in XML voor leerlingadministratiesysteem)</dd>
      </dl>
    </section>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="gl-footer">
	<div class="gl-inner cf">
  	<div class="bl-ft-accord">
    	<h3>Veelgestelde vragen</h3>
      <dl>
      	<dt>Voor welke kinderen is de regeling van toepassing?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
        <dt>Wat is de overgangsregeling?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
        <dt>Voor welke scholen geldt de regeling?</dt>
        <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse hendrerit ligula quis velit pharetra egestas. Ut molestie elit non massa. Vivamus tincidunt bibendum velit. Quisque nisl diam, nonummy eu, lobortis consequat, mollis ut, tellus. In iaculis. <a href="#" title="Lees verder">Lees verder</a></dd>
      </dl>
      <p><a href="#" title="Alle veelgestelde vragen...">Alle veelgestelde vragen...</a></p>
    </div>
    <div class="bl-ft-logos">
    	<p>Initiatief van de gemeente Den Haag en het Platform Primair Onderwijs.</p>
      <figure><a href="#" title="Den Haag"><img src="images/ft-logo-dh.gif" alt="Den Haag"></a></figure>
      <figure><a href="#" title="PPO"><img src="images/ft-logo-ppo.gif" alt="PPO"></a></figure>
    </div>
  </div>
</footer>
<!-- footer off -->
</div>
<div class="bl-ls-modal" id="modal_allow_complete">
	<h3>Toelaten afronden</h3>
  <p class="el-head">Voor de locatie Van Hoornbeekstraat.</p>
  <div class="un-size">
  	Van de <strong>120 aanmeldingen</strong>, wilt u er <strong>75 toelaten</strong> en <strong>45 afwijzen</strong><br /><em>bij leerlingplafond van 60</em>
  </div>
  <p>Er worden automatisch toelatings- en afwijzingsbrieven gegenereerd die naar uw e-mailadres worden verstuurd zoals opgegeven in Instellingen.</p>
  <p>De brieven kunnen vervolgens vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de toelating dan wel afwijzing op uw school.</p>
  <div class="un-btn cf">
  	<button class="el-btn-blue"><span>Toelaten afronden<em class="el-a"></em></span></button>
    <a href="#" title="Annuleren">Annuleren</a>
  </div>
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
